<template>
  <div class="box">
    <h2 class="title">ScopedTest组件标题</h2>
    <child/>
  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  components: { Child },
  name: 'ScopedTest',
}
</script>

<style> /* 全局样式 */
  /* .title {
    color:aqua;
  } */
</style>

<style scoped>
  .box >>> .title {
    color:aqua;
  }
  .box {
    border: 1px solid #ccc;
    margin: 10px;
  } 
</style>
